<template>
  <view class="custom-page">
    <slot name="header"/>
    <view class="custom-page-body">
      <slot />
    </view>
  </view>
</template>

<script>
export default {
  name: "custom-page",
}
</script>

<style scoped lang="scss">
.custom-page {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  .custom-page-body {
    width: 100%;
    flex: 1;
    background-color: #eeeeee;
    overflow-y: auto;
  }
}
</style>
